<!-- 刻度盘配置 -->
<template>
	<div>
		<el-collapse accordion>
			<el-collapse-item title="仪表盘标题">
				<el-form-item label="标题">
					<avue-input type="text" :disabled="disabled" v-model="main.activeOption.title"></avue-input>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.titleFontSize" :max="200" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.titleColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
				<el-form-item label="上边距">
					<avue-input-number v-model="main.activeOption.titleTopPadding" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="左边距">
					<avue-input-number v-model="main.activeOption.titleLeftPadding" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="副标题"> <avue-input type="text" :disabled="disabled" v-model="main.activeOption.subtext"></avue-input> </el-form-item
			></el-collapse-item>
			<el-collapse-item title="仪表盘基础配置">
				<el-form-item label="最小值">
					<avue-input-number v-model="main.activeOption.min" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="最大值">
					<avue-input-number v-model="main.activeOption.max" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="半径">
					<avue-input-number v-model="main.activeOption.radius" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.detailColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
				<el-form-item label="单位">
					<avue-input type="text" :disabled="disabled" v-model="main.activeOption.unit"></avue-input>
				</el-form-item>
				<el-form-item label="起始角度">
					<avue-input-number placeholder="正右手侧为0度，正上方为90度，正左手侧为180度" v-model="main.activeOption.startAngle" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="结束角度">
					<avue-input-number placeholder="正右手侧为0度，正上方为90度，正左手侧为180度" v-model="main.activeOption.endAngle" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="分割段数">
					<avue-input-number v-model="main.activeOption.splitNumber" :disabled="disabled"></avue-input-number>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘轴线配置">
				<el-form-item label="是否显示轴线"> <avue-switch v-model="main.activeOption.axisLineShow" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="是否两端圆形"> <avue-switch v-model="main.activeOption.roundCap" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="轴线宽度">
					<avue-input-number v-model="main.activeOption.lineSize" :disabled="disabled"></avue-input-number>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘分隔线配置">
				<el-form-item label="线长">
					<avue-input-number v-model="main.activeOption.splitLineLength" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="与轴线距离">
					<avue-input-number v-model="main.activeOption.splitLineDistance" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.splitLineColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘进度条配置">
				<el-form-item label="是否显示"> <avue-switch v-model="main.activeOption.progressShow" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="是否两端圆形"> <avue-switch v-model="main.activeOption.progressRoundCap" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="宽度">
					<avue-input-number v-model="main.activeOption.progressWidth" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.progressColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘刻度配置">
				<el-form-item label="是否显示"> <avue-switch v-model="main.activeOption.axisTickShow" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="分隔线之间分割的刻度数">
					<avue-input-number v-model="main.activeOption.axisTickSplitNumber" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="线长">
					<avue-input-number v-model="main.activeOption.axisTickLength" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="与轴线距离">
					<avue-input-number v-model="main.activeOption.axisTickDistance" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.axisTickColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘刻度标签配置">
				<el-form-item label="是否显示"> <avue-switch v-model="main.activeOption.axisLabelShow" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="标签与刻度线的距离">
					<avue-input-number v-model="main.activeOption.axisLabelSplitNumber" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.axisLabelColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
				<el-form-item label="字体大小">
					<avue-input-number v-model="main.activeOption.axisLabelFontSize" :disabled="disabled"></avue-input-number>
				</el-form-item>
			</el-collapse-item>
			<el-collapse-item title="仪表盘指针配置">
				<el-form-item label="是否显示"> <avue-switch v-model="main.activeOption.pointerShow" :disabled="disabled"> </avue-switch> </el-form-item>
				<el-form-item label="长度">
					<avue-input-number v-model="main.activeOption.pointerLength" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="宽度">
					<avue-input-number v-model="main.activeOption.pointerWidth" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="颜色">
					<avue-input-color v-model="main.activeOption.pointerColor" :disabled="disabled"> </avue-input-color>
				</el-form-item>
				<el-form-item label="水平偏移">
					<avue-input-number v-model="main.activeOption.pointerHorizontalShift" :disabled="disabled"></avue-input-number>
				</el-form-item>
				<el-form-item label="垂直偏移">
					<avue-input-number v-model="main.activeOption.pointerVerticalShift" :disabled="disabled"></avue-input-number>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>

		<!-- 

		<el-form-item label="显示刻度值">
			<avue-switch v-model="main.activeOption.axisLabelShow" :disabled="disabled"></avue-switch>
		</el-form-item>
		<el-form-item label="刻度字号">
			<avue-input-number v-model="main.activeOption.axisLabelFontSize" :disabled="disabled"></avue-input-number>
		</el-form-item>
		<el-form-item label="指标名称字号">
			<avue-input-number v-model="main.activeOption.nameFontSize" :disabled="disabled"></avue-input-number>
		</el-form-item>
		<el-form-item label="指标字号">
			<avue-input-number v-model="main.activeOption.valueFontSize" :disabled="disabled"></avue-input-number>
		</el-form-item> -->
	</div>
</template>

<script>
export default {
	name: 'gauge',
	inject: ['main', 'contain'],
	data() {
		return {
			disabled: this.contain.activeObj.isLock
		};
	}
};
</script>

<style></style>
